$(function () {

    $('.i1').click(function () {
        if($(this).hasClass('x1')){
            $(this).removeClass('x1')
            $(this).addClass('x2')
            $(this).parents('li').find('.score').text('0')
            $(this).nextAll().removeClass('x1').addClass('x2')
        }else{
            $(this).removeClass('x2')
            $(this).addClass('x1')
            $(this).parents('li').find('.score').text('1')
        }
    })
    function oajax(obj,x,y) {
        if($(obj).hasClass('x1')){
            $(obj).removeClass('x1')
            $(obj).addClass('x2')
            $(obj).nextAll().removeClass('x1').addClass('x2')
            $(obj).parents('li').find('.score').text(x)
        }else{
            $(obj).removeClass('x2')
            $(obj).addClass('x1').prevAll().addClass('x1').removeClass('x2')
            $(obj).parents('li').find('.score').text(y)
        }
    }
    $('.i2').click(function () {
        // oajax('.i2',1,2)
        if($(this).hasClass('x1')){
            $(this).removeClass('x1')
            $(this).addClass('x2')
            $(this).nextAll().removeClass('x1').addClass('x2')
            $(this).parents('li').find('.score').text('1')
        }else{
            $(this).removeClass('x2')
            $(this).addClass('x1').prevAll().addClass('x1').removeClass('x2')
            $(this).parents('li').find('.score').text('2')
        }
    })
    $('.i3').click(function () {
        // oajax('.i3',2,3)
        if($(this).hasClass('x1')){
            $(this).removeClass('x1')
            $(this).addClass('x2')
            $(this).nextAll().removeClass('x1').addClass('x2')
            $(this).parents('li').find('.score').text('2')
        }else{
            $(this).removeClass('x2')
            $(this).addClass('x1').prevAll().addClass('x1').removeClass('x2')
            $(this).parents('li').find('.score').text('3')
        }
    })
    $('.i4').click(function () {
        // oajax('.i4',3,4)
        if($(this).hasClass('x1')){
            $(this).removeClass('x1')
            $(this).addClass('x2')
            $(this).nextAll().removeClass('x1').addClass('x2')
            $(this).parents('li').find('.score').text('3')
        }else{
            $(this).removeClass('x2')
            $(this).addClass('x1').prevAll().addClass('x1').removeClass('x2')
            $(this).parents('li').find('.score').text('4')
        }
    })
    $('.i5').click(function () {
        // oajax('.i5',4,5)
        if($(this).hasClass('x1')){
            $(this).removeClass('x1')
            $(this).addClass('x2')
            $(this).nextAll().removeClass('x1').addClass('x2')
            $(this).parents('li').find('.score').text('4')
        }else{
            $(this).removeClass('x2')
            $(this).addClass('x1').prevAll().addClass('x1').removeClass('x2')
            $(this).parents('li').find('.score').text('5')
        }
    })
})